<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
      <link rel="icon" href="./images/favicon.ico">
      <link rel="stylesheet" href="./css/album_mall.css">
      <link rel="stylesheet" href="./font1/iconfont.css">
      <link rel="stylesheet" href="./font1/iconfont -jiantou.css">
      <link rel="stylesheet" href="../../css/common.css">
</head>

<body>
      <!-- 头部 -->
      <header>
            <div class="container">
                  <!-- nav导航栏 -->
                  <div class="top-logo">
                        <a href="../../index.html">
                              <img src="../../images/logo.png" alt="">
                        </a>
                  </div>
                  <!-- 导航选项 -->
                  <ul class="top-nav">
                        <li class="top-nav1">音乐馆</li>
                        </li>
                        <li><a href="../../lb/lb/mymusic.html">我的音乐</a></li>
                        <li><a href="../../yc/download/index.html">客户端</a></li>
                        <li><a href="../../artists/index.html">开放平台</a></li>
                        <li><a href="../../lb/vipportal/yearvip.html">VIP</a></li>
                  </ul>
                  <!-- 导航搜索栏、充值 -->
                  <div class="top-right">
                        <form action="#" method="post">
                              <div id="top-search">
                                    <input type="text" name="" id="top-search-1" placeholder="搜索音乐、MV、歌单、用户">
                                    <div class="iconfont icon-sousuo top-search-2""></div>
                                
                            </div>
                        </form>
                        <!-- 登录、充值框 -->
                        <div class=" sign-top">
                                          登录
                                    </div>
                                    <div style="height: 90px;float: left;">
                                          <div class="sign-1">
                                                开通VIP
                                          </div>
                                          <div class="sign-2">
                                                充值
                                          </div>
                                    </div>
                              </div>
                              <!-- 第二层导航栏 -->
                              <div class="top-nav-2">
                                    <ul>
                                          <li><a href="../../index.html">首页</a></li>
                                          <li><a href="../../hyh/singer_list/singer.html">歌手</a></li>
                                          <li><a href="../../lb/lb/album.html">新碟</a></li>
                                          <li><a href="../../yjx/toplist/index.html">排行榜</a></li>
                                          <li><a href="../../hyh/category/songmenu.html">分类歌单</a></li>
                                          <li><a href="../../hyh/radio/fm.html">电台</a></li>
                                          <li><a href="../../yc/mvlist/mvlist.html">MV</a></li>
                                          <li><a href="./album_mall.html" style="color: rgb(36, 209, 126);">数字专辑</a>
                                          </li>
                                          <li><a href="../../yjx/piaowu/index.html">票务</a></li>
                                    </ul>
                              </div>
                  </div>
      </header>

      <!-- 内容主体 -->
      <article>
            <!-- 轮播图 -->
            <div class="article-top">
                  <div class="img-top">
                        <div class="img-top-1"></div>
                        <div class="img-top-2"></div>
                        <div class="img-top-3"></div>
                  </div>
                  <div class="gdt-top">
                        <div style="position: absolute;top: 20px;left: 510px;"></div>
                        <div style="position: absolute;top: 20px;left: 540px;"></div>
                        <div style="position: absolute;top: 20px;left: 570px;background: rgb(97, 97, 97);"></div>
                        <div style="position: absolute;top: 20px;left: 600px;"></div>
                        <div style="position: absolute;top: 20px;left: 630px;"></div>
                        <div style="position: absolute;top: 20px;left: 660px;"></div>
                  </div>
            </div>
            <!-- 内容 -->
            <div class="contents">
                  <!-- 1F 最新上架 -->
                  <div class="contents-1F">
                        <!-- 封面图片 -->
                        <h2 style="font-size: 24px;margin-left: 13px;">最新上架</h2>
                        <div>
                              <img src="./images/1F-1.jpg" alt="">
                              <p>宋词辑贰</p>
                              <p style="color: #999999;">幻境工场童声合唱团 /周迅 /老狼</p>
                              <p style="color: #999999;">¥ 10
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/1F-2.jpg" alt="">
                              <p>箫乐冬炉</p>
                              <p style="color: #999999;">窦唯 /不一样乐队</p>
                              <p style="color: #999999;">¥ 10
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/1F-3.jpg" alt="">
                              <p>COUNTDOWN - The 1st Album</p>
                              <p style="color: #999999; font-size: 13px;">SUPER JUNIOR-D&E (东海 & 银赫)</p>
                              <p style="color: #999999;">¥ 25
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/1F-4.jpg" alt="">
                              <p>=</p>
                              <p style="color: #999999;">Ed Sheeran (艾德·希兰)</p>
                              <p style="color: #999999;">¥ 25
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/1F-5.jpg" alt="">
                              <p>Favorite - The 3rd Album Repac...</p>
                              <p style="color: #999999;">NCT 127 (엔시티 127)</p>
                              <p style="color: #999999;">¥ 10
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                  </div>
                  <!-- 2F 本周热销 -->
                  <div class="contents-1F">
                        <!-- 封面图片 -->
                        <h2 style="font-size: 24px;margin-left: 13px;">本周热销</h2>
                        <div>
                              <img src="./images/2F-1.jpg" alt="">
                              <p>Red (Taylor's Version)</p>
                              <p style="color: #999999;">Taylor Swift (泰勒·斯威夫特)</p>
                              <p style="color: #999999;">¥ 30
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/2F-2.jpg" alt="">
                              <p>和自己对话 From M.E. To Myself</p>
                              <p style="color: #999999;">林俊杰</p>
                              <p style="color: #999999;">¥ 18
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/2F-3.jpg" alt="">
                              <p>东
                              </p>
                              <p style="color: #999999; ">张艺兴</p>
                              <p style="color: #999999;">¥ 9
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/2F-4.jpg" alt="">
                              <p>黑夜问白天</p>
                              <p style="color: #999999;">林俊杰</p>
                              <p style="color: #999999;">¥ 2
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/2F-5.jpg" alt="">
                              <p>交换余生</p>
                              <p style="color: #999999;">林俊杰</p>
                              <p style="color: #999999;">¥ 3
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                  </div>
                  <!-- 3F 新声力量集结 -->
                  <div class="contents-1F">
                        <!-- 封面图片 -->
                        <h2 style="font-size: 24px;margin-left: 13px;">新声力量集结</h2>
                        <div>
                              <img src="./images/3F-1.jpg" alt="">
                              <p>镜中兽（Mirror Me）</p>
                              <p style="color: #999999;">姚柏南</p>
                              <p style="color: #999999;">¥ 12
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/3F-2.jpg" alt="">
                              <p>深深</p>
                              <p style="color: #999999;">李振宁</p>
                              <p style="color: #999999;">¥ 6
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/3F-3.jpg" alt="">
                              <p>天气：晴</p>
                              <p style="color: #999999; "> Sunnee杨芸晴</p>
                              <p style="color: #999999;">¥ 20
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/3F-4.jpg" alt="">
                              <p>硬糖定律</p>
                              <p style="color: #999999;">硬糖少女303</p>
                              <p style="color: #999999;">¥ 10
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/3F-5.jpg" alt="">
                              <p>虚实X境</p>
                              <p style="color: #999999;">THE9</p>
                              <p style="color: #999999;">¥ 18
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                  </div>
                  <!-- 4F 内地专辑推荐 -->
                  <div class="contents-1F">
                        <!-- 封面图片 -->
                        <h2 style="font-size: 24px;margin-left: 13px;">内地专辑推荐</h2>
                        <div>
                              <img src="./images/4F-1.jpg" alt="">
                              <p>π-volume.4</p>
                              <p style="color: #999999;">鹿晗</p>
                              <p style="color: #999999;">¥ 7
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/4F-2.jpg" alt="">
                              <p>不朽的•THE ART</p>
                              <p style="color: #999999;">阿云嘎</p>
                              <p style="color: #999999;">¥ 20
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/4F-3.jpg" alt="">
                              <p>光点</p>
                              <p style="color: #999999; ">肖战</p>
                              <p style="color: #999999;">¥ 3
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/4F-4.jpg" alt="">
                              <p>牵挂</p>
                              <p style="color: #999999;">张云雷</p>
                              <p style="color: #999999;">¥ 6
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/4F-5.jpg" alt="">
                              <p>VICTORIA</p>
                              <p style="color: #999999;">宋茜</p>
                              <p style="color: #999999;">¥ 20
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                  </div>
                  <!-- 5F 韩国专辑推荐 -->
                  <div class="contents-1F">
                        <!-- 封面图片 -->
                        <h2 style="font-size: 24px;margin-left: 13px;">韩国专辑推荐</h2>
                        <div>
                              <img src="./images/5F-1.jpg" alt="">
                              <p>How You Like That</p>
                              <p style="color: #999999;">BLACKPINK</p>
                              <p style="color: #999999;">¥ 3
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/5F-2.jpg" alt="">
                              <p>Delight - The 2nd Mini Album</p>
                              <p style="color: #999999;">伯贤 (백현)</p>
                              <p style="color: #999999;">¥ 20
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/5F-3.jpg" alt="">
                              <p>Monster - The 1st Mini Album</p>
                              <p style="color: #999999; ">Red Velvet - IRENE & SEULGI</p>
                              <p style="color: #999999;">¥ 18
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/5F-4.jpg" alt="">
                              <p>SEVENTEEN Special Album</p>
                              <p style="color: #999999;">SEVENTEEN (세븐틴)</p>
                              <p style="color: #999999;">¥ 18
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/5F-5.jpg" alt="">
                              <p>Super One - The 1st Album</p>
                              <p style="color: #999999;">SuperM</p>
                              <p style="color: #999999;">¥ 28
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                  </div>
                  <!-- 6F 影视剧OST推荐 -->
                  <div class="contents-1F">
                        <!-- 封面图片 -->
                        <h2 style="font-size: 24px;margin-left: 13px;">影视剧OST推荐</h2>
                        <div>
                              <img src="./images/6F-1.jpg" alt="">
                              <p>有翡 电视剧原声带</p>
                              <p style="color: #999999;">华语群星</p>
                              <p style="color: #999999;">¥ 18
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/6F-2.jpg" alt="">
                              <p>The King:永遠的君主 (The King :..</p>
                              <p style="color: #999999;">韩国群星 (Korea Various Artists)</p>
                              <p style="color: #999999;">¥ 25
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/6F-3.jpg" alt="">
                              <p>如意芳霏 影视原声专辑</p>
                              <p style="color: #999999; ">鞠婧祎 /THE9-许佳琪 /孔肖吟</p>
                              <p style="color: #999999;">¥ 10
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/6F-4.jpg" alt="">
                              <p>安家 电视剧原声专辑</p>
                              <p style="color: #999999;">华语群星</p>
                              <p style="color: #999999;">¥ 15
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                        <div>
                              <img src="./images/6F-5.jpg" alt="">
                              <p>熹微 </p>
                              <p style="color: #999999;">王一博</p>
                              <p style="color: #999999;">¥ 3
                                    <span style="padding:4px 15px 4px 15px;">
                                          立即购买
                                    </span>
                              </p>
                        </div>
                  </div>
            </div>
      </article>

      <!-- 右侧LOGO -->
      <div class="right-logo">
            <img src="../../images/logo.png" alt="">
            <p>千万高品质曲库尽享</p>
            <a href="../../ch/download/download.html">客户端下载</a>
      </div>

      <!-- 右侧固定导航 -->
      <div class="right-nav">
            <ul>
                  <li><a href="#"><i class="iconfont">&#xe6ab;</i></a></li>
                  <li><a href="javascript:;">反馈</a></li>
                  <li><a href="javascript:;"><i class="iconfont">&#xea88;</i></a></li>
            </ul>
      </div>

      <!-- 页脚区域开始 -->
      <footer>
            <div class="footer-content w">
                  <div class="footer-info">
                        <div class="box">
                              <h3>下载QQ音乐客户端</h3>
                              <ul>
                                    <li><a href="javascript:;"><i class="icon-pc"></i>PC版</a></li>
                                    <li><a href="javascript:;"><i class="icon-mac"></i>Mac版</a></li>
                                    <li><a href="javascript:;"><i class="icon-android"></i>Android版</a></li>
                                    <li><a href="javascript:;"><i class="icon-ios"></i>iPhone版</a></li>
                              </ul>
                        </div>
                        <div class="box">
                              <div class="live">
                                    <h3>特色产品</h3>
                                    <ul>
                                          <li><a href="javascript:;"><i class="icon-kg"></i>全民K歌</a></li>
                                          <li><a href="javascript:;"><i class="icon-ss"></i>Super Sound</a></li>
                                          <li><a href="javascript:;"><i class="icon-qp"></i>Qplay</a></li>
                                          <li><a href="javascript:;"><i class="icon-fan"></i>Fan直播伴侣</a></li>
                                          <li><a href="javascript:;">车载互联</a></li>
                                          <li><a href="javascript:;">QQ演出</a></li>
                                    </ul>
                              </div>
                        </div>
                        <div class="box">
                              <div class="friend">
                                    <h3>合作链接</h3>
                                    <ul>
                                          <li><a href="javascript:;">CJ ENM</a></li>
                                          <li><a href="javascript:;">腾讯视频</a></li>
                                          <li><a href="javascript:;">手机QQ空间</a></li>
                                          <li><a href="javascript:;">最新版QQ</a></li>
                                          <li><a href="javascript:;">腾讯社交广告</a></li>
                                          <li><a href="javascript:;">电脑管家</a></li>
                                          <li><a href="javascript:;">QQ浏览器</a></li>
                                          <li><a href="javascript:;">腾讯微云</a></li>
                                          <li><a href="javascript:;">腾讯云</a></li>
                                          <li><a href="javascript:;">企鹅FM</a></li>
                                          <li><a href="javascript:;">智能电视网</a></li>
                                          <li><a href="javascript:;">当贝市场</a></li>
                                          <li><a href="javascript:;">酷我音乐</a></li>
                                          <li><a href="javascript:;">酷狗听书</a></li>
                                    </ul>
                              </div>
                        </div>
                        <div class="box2">
                              <h3>开放平台</h3>
                              <p><a href="javascript:;">QQ音乐开放平台</a><a href="javascript:;">腾讯音乐人</a><a
                                          href="javascript:;">音乐推</a>
                              </p>
                        </div>
                        <div class="box2">
                              <h3>TME集团官网</h3>
                              <p>
                                    <a href="javascript:;">腾讯音乐</a>
                              </p>
                        </div>
                  </div>
                  <div class="footer-copyright">
                        <div class="copyright-content">
                              <ul>
                                    <li><a href="javascript:;">关于腾讯</a></li>
                                    <li>|</li>
                                    <li><a href="javascript:;">About Tencent</a></li>
                                    <li>|</li>
                                    <li><a href="javascript:;">服务条款</a></li>
                                    <li>|</li>
                                    <li><a href="javascript:;">用户服务协议</a></li>
                                    <li>|</li>
                                    <li><a href="javascript:;">隐私政策</a></li>
                                    <li>|</li>
                                    <li><a href="javascript:;">权利声明</a></li>
                                    <li>|</li>
                                    <li><a href="javascript:;">广告服务</a></li>
                                    <li>|</li>
                                    <li><a href="javascript:;">腾讯招聘</a></li>
                                    <li>|</li>
                                    <li><a href="javascript:;">客服中心</a></li>
                                    <li>|</li>
                                    <li><a href="javascript:;">网站导航</a></li>
                              </ul>
                              <p>
                                    Copyright © 1998 - 2021 Tencent.
                                    <a href="javascript:;">All Rights Reserved.</a>
                              </p>
                              <p>
                                    腾讯公司
                                    <a href="javascript:;">版权所有</a>
                                    ｜ <a href="javascript:;">营业执照</a>
                                    ｜网络文化经营许可证：
                                    <a href="javascript:;">粤网文[2020]3396-195号</a>
                              </p>
                        </div>
                  </div>
            </div>
      </footer>
      <!-- 页脚区域结束 -->

      <!-- 登录窗口模块 -->
      <div class="login_window">
            <div class="login_content">
                  <div class="login_top_nav">
                        <ul>
                              <li>
                                    <a href="javascript:;" class="qq_login green">QQ登录</a>
                              </li>
                              <li>
                                    <a href="javascript:;" class="wx_login">微信登录</a>
                              </li>
                        </ul>
                        <span class="iconfont login_close">&#xe600;</span>
                  </div>
                  <div class="qq_login_hide">
                        <div class="login_middle">
                              <div class="login_left">
                                    <h3>快速安全登录</h3>
                                    <p>请使用<a href="javascript:;">QQ手机版</a>扫描二维码，</p>
                                    <p>或点击头像授权登录。</p>
                                    <div class="login_qrcode">
                                          <i><img src="../../images/icon/ptqrshow.png" alt=""></i>
                                          <a href="javascript:;"><img src="../../images/icon/g.jfif" alt="">
                                                <span>L.</span>
                                          </a>
                                          <p><a href="javascript:;">帐号密码登录</a> | <a href="javascript:;">注册新帐号</a> | <a
                                                      href="javascript:;">意见反馈</a></p>
                                    </div>
                              </div>
                              <div class="login_right">
                                    <p>
                                          <a href="javascript:;">QQ音乐</a> 将获得以下权限：
                                    </p>
                                    <p><input type="checkbox" name="" id="">全选</p>
                                    <p><input type="checkbox" name="" id="">获得您的昵称、头像、性别</p>
                                    <span>授权后表明你已同意 <a href="javascript:;">QQ登录服务协议</a></span>
                              </div>
                        </div>
                        <div class="login_download">
                              <a href="javascript:;">下载客户端 体验更多内容</a>
                        </div>
                  </div>
                  <div class="wx_login_hide">
                        <div class="login_middle">
                              <img src="../../images/icon/091jJGUp2wt80w3B.jfif" alt="">
                              <p><span>请使用微信扫描二维码登录"QQ音乐"</span></p>
                              <p>QQ与微信账号的音乐资产、付费特权不互通</p>
                        </div>
                        <div class="login_download">
                              <a href="javascript:;">下载客户端 体验更多内容</a>
                        </div>
                  </div>
            </div>
      </div>
</body>

</html>